<template>
    <div class="dropDownMenu">
        <div class="left" style="flex-grow: 1;">
            <div>
                <span>类型：</span>
                <select name="type">
                    <option value="1" selected="selected">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>
            <div>
                <span>状态：</span>
                <select name="state" class="state">
                    <option value="1" selected="selected">全部状态</option>
                    <option value="2">即将下钟技师</option>
                </select>
            </div>
            <div>
                <button>刷新</button>
            </div>
            <div>
                <span class="colorBlue">快速通道[F2]：</span>
                <input type="text">
            </div>
            <div>
                <span class="colorRed">"F3"开单/增加消费，"F5"结账</span>
            </div>
        </div>
        <div class="right">
            2023-08-10 20:37:59
        </div>
    </div>
</template>

<script>


export default {
    name: 'DropDownMenu',
    components: {

    },
    data() {
        return {

        }
    },
    methods: {

    },
    computed: {

    },

}
</script>

<style lang="less" scoped>
.dropDownMenu {
    background: #efefef;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    height: 50px;
    display: flex;
    justify-content: space-between;
    line-height: 50px;
    font-size: 16px;

    select {
        width: 80px;
    }

    input {
        width: 200px;
        height: 30px;
    }
    button{
        width: 70px;
        height: 30px;
        margin-top: 10px;
        text-align: center;
        line-height: 30px;
    }
    .left {
        padding-left:10px;
        padding-right: 150px;
        display: flex;
        justify-content: space-between;
        .state{
            width: 120px;
        }
        .colorBlue{
            color: #0000ff;
        }
        .colorRed{
            color:#ff0000;
        }
    }
    .right {
        color: #2bb3f4;
        padding-right: 30px;
    }
}
</style>
